<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>支付页</title>
        <link rel="stylesheet" href="/order/css/style.css">
        <script src="/common/js/jquery.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" href="/order/css/index_head.css">
        <link rel="stylesheet" href="/common/css/footer.css">
        <link rel="stylesheet" href="/common/css/base.css">
	</head>
	<body>
      <div class='header'>
        <div class="top">
          <div class="w clearfix">
            <div class='setNav fr'>
              <ul>
                <li id="userFather">
                  <a th:if="${session.loginUser == null}" id="login_btn" href="http://localhost:11000/auth/login.html" >
                    登录
                  </a>
                  <a th:if="${session.loginUser == null}" href="http://localhost:11000/auth/reg.html">
                    注册
                  </a>
                  <a th:if="${session.loginUser != null}">
                    欢迎, [[${session.loginUser.nickname}]]
                  </a>
                  <a th:if="${session.loginUser != null}" href="http://localhost:11000/auth/logout.html">
                    立即退出
                  </a>
                </li>
                <li class="line">
                </li>
                <li>
                  <a href="http://localhost:11000/orderList.html">我的订单</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- //顶部按钮区域结束 -->
        <div class="w">
          <div class="top_search clearfix">
              <a href="http://localhost:11000">
                  <div class="logo fl">
                      <h1></h1>
                  </div>
              </a>
            <div class="search fl">
              <form action="http://localhost:11000/list.html" method="get" style="display: flex">
                <input name="keyword" type="text" id="ipt" placeholder="">
                <button>搜索</button>
                <ul id="list"></ul>
              </form>
            </div>
            <div class="shop_car fr">
              <a href="http://localhost:11000/cart/cart.html">购物车</a>
            </div>
          </div>
        </div>
        <!-- logo及 搜索框结束 -->
        <div class="w">
          <div class="tab clearfix">
            <div class="fl s_show">
              <a href="" class="logo_s"></a>
            </div>
            <ul class="fl clearfix" >
              <li class="tabItem">
                  <a href="http://localhost:11000">首页</a>
              </li>
              <li class="tabItem" th:each="cat1:${category}">
                <a href="" th:text="${cat1.getName()}">居家生活</a>
                <div class="tabChild clearfix">
                  <dl th:each="cat2:${cat1.getCat2()}">
                    <dt th:text="${cat2.getName()}">夏季焕新</dt>
                    <dd th:each="cat3:${cat2.getCat3()}">
                      <a th:href="@{'/list.html?catalog3Id='+${cat3.getId()}}">
                        <span th:text="${cat3.getName()}">夏凉尝鲜</span></a>
                    </dd>
                  </dl>
                </div>
              </li>
            </ul>

            <div class="fr s_show">
                <span class="log fl">
                        <ul class='setItem'>
                            <li th:if="${session.loginUser == null}">
                                <a href="http://localhost:11000/auth/login.html" >
                                    登录
                                </a>
                            </li>
                            <li th:if="${session.loginUser == null}">
                                <a href="http://localhost:11000/auth/reg.html">
                                    注册
                                </a>
                            </li>
                            <li th:if="${session.loginUser != null}">
                                <a href="http://localhost:11000/auth/logout.html">
                                    退出
                                </a>
                            </li>
                        </ul>
                    </span>
              <a href="http://localhost:11000/cart/cart.html">
                    <span class="show_car fl">
                    </span>
              </a>
            </div>
          </div>

        </div>
        <!-- tab区域结束 -->
      </div>
    <div class="One_Jdbox">
      <div class="Jdbox_BuySuc">
            <div>订单提交成功，请尽快付款！订单号：[[${submitOrderResp.order.orderSn}]]</div>
            <div>应付金额[[${#numbers.formatDecimal(submitOrderResp.order.payAmount,1,2)}]]元</div>
      </div>
      <div class="Jd_footer">
        <ul>
		  <li>
            <img src="/order/img/zhifubao.png" style="weight:auto;height:30px;" alt="">
            <a th:href="'http://localhost:11000/payOrder?orderSn=' + ${submitOrderResp.order.orderSn}">支付宝</a>
          </li>
        </ul>
      </div>
    </div>

	</body>
</html>
